<template>
	<view class="navber">
		<view class="back" @click="onClickLeft"><van-icon name="arrow-left" class="icon" /></view>
		<view class="title">
			<slot name="title"></slot>
		</view>
	</view>
</template>

<script lang="ts" setup>
	const onClickLeft = () => uni.navigateBack()
</script>

<style lang="scss" scoped>
	.navber {
		position: relative;
		height: 88px;
		display: flex;
		align-items: center;
		color: #FFFFFF;

		.back {
			position: absolute;
		}

		.icon {
			margin-left: 32px;
			font-size: 28px;
		}

		.title {
			font-size: 36px;
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			margin: 0 auto;
		}
	}
</style>